@layout("/common/_container.html"){
<link rel="stylesheet" href="${ctxPath}/static/layui/css/layui.css" media="all">
<div class="row">
    <div class="col-sm-12">
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5>渠道管理</h5>
            </div>
            <div class="ibox-content">
                <div class="row row-lg">
                    <div style="display: flex;
                        flex-direction: row;
                        margin-bottom: 15px;
                        margin-left: 15px;
                        margin-right: 15px;">
<!--                        <div style="margin-right: 15px;">-->
<!--                            <label>编号</label>-->
<!--                            <input type="text" style="height: 30px; width: 100px;"/>-->
<!--                        </div>-->
                        <div  style="margin-right: 15px;">
                            <label>渠道名称</label>
                            <input type="text" id="channelName" style="height: 30px;"/>
                        </div>
                        <div>
                            <label>状态</label>
                            <select id="channelStatus"  style="height: 30px;">
                                <option value="">请选择</option>
                                <option value="1">已生效</option>
                                <option value="0">已停用</option>
                            </select>
                        </div>

                        <div  style="display: flex; flex-direction: row; margin-left: 15px;">
                            <div>
                                <label>开始日期</label>
                                <input type="text" id="beginTime"  style="height: 30px; width: 100px;"/>
                            </div>
                            <div style="margin-left: 15px;">
                                <label>结束日期</label>
                                <input type="text" id="endTime"  style="height: 30px; width: 100px;"/>
                            </div>
                        </div>

                        <button style="color: #f1f1f1;
                                    background-color: #0e9aef;
                                    border: none;
                                    margin-right: 10px;
                                    margin-left: 15px;
                                    width: 50px;
                                    height: 30px;" onclick="VpnChannelInfo.search()">查询</button>

                        @if(shiro.hasPermission("/vpnChannelInfo/add")){
                        <button style="color: #f1f1f1;
                                    background-color: #07a345;
                                    border: none;
                                    margin-right: 10px;
                                    width: 50px;
                                    height: 30px;" onclick="VpnChannelInfo.openAddVpnChannelInfo()">添加</button>
                        @}
                    </div>
                    <div class="col-sm-12">
                        <table class="layui-table-body"
                               id="table" layout-filter="info2" style="margin-top: 30px;"></table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="${ctxPath}/static/js/common/DateUtils.js" charset="utf-8"></script>
<script src="${ctxPath}/static/layui/layui.js" charset="utf-8"></script>
<script src="${ctxPath}/static/modular/vpn_channel_info/vpnChannelInfo/vpnChannelInfo.js"></script>
<script>
    laydate.render({
        elem: '#beginTime'
    });
    laydate.render({
        elem: '#endTime'
    });
</script>
@}
